10 Eye-catching HTML5 JavaScript Slideshow Demos

1. HTML5 Canvas Cover Flow

featured image

This is an amazing HTML5 Canvas XML Cover Flow presenting a 3D photo gallery with tons of features. This very complex HTML5 Canvas 3D Cover Flowis is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 Canvas Cover Flow can have any image presented in any way you want: horizontal, vertical, oblique, also it has unique presets with pre-defined movements and presentations. JavaScript code: var cc = new CanvasCoverflow(“myCanvas”, “load/config. The CanvasCoverflow JavaScript class function needs just 2 arguments: the canvas id and the path to the XML file.the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript.net/3d-html5-slider/

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow

Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow

More Details

4. HTML5 Flow Responsive Slider

featured image

The HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make the slider adapt the width and height based on the html element into which is embedded so for example if you want to add the slider in a div and that div has a 100% height the slider will adapt based on that, this is a unique and amazing feature. This HTML5 Flow Responsive Slider plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. Slideshow preloader bar, the color and opacity for this bar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop the slideshow with the space key.

More Details

5. Royal 3D Carousel

featured image

Fast CSS3 & JavaScript engine.

More Details

6. Draggable Infinite Grid with Lightbox

featured image

Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript; basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

7. HTML5 Canvas Carousel

featured image

This is an amazing HTML5 Canvas XML Carousel presenting a 3D photo gallery in the shape of a carousel with tons of features. This very complex HTML5 Canvas 3D Carousel is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 Canvas Carousel can have any image presented in any way you want: horizontal, vertical, oblique, also it has unique presets with pre-defined movements and presentations. JavaScript code: var cc = new CanvasCarousel(“myCanvas”, “load/config. The CanvasCarousel JavaScript class function needs just 2 arguments: the canvas id and the path to the XML file.the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).

More Details

8. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

Javascript blur effect

A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. Autoplay slideshow option

More Details

9. Responsive Gridfolio

featured image

Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

10. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

11. Evo Slider Pro - jQuery Slider Plugin

featured image

Evo Slider Pro – jQuery Slideshow & Content Slider Plugin

without coding any JavaScript code at all. Added custom HTML5 data attribute for setting image scale option

More Details